<template>
  <div class="right_one_box">
    <div class="title"><span></span>蘑菇房视频监控</div>
    <div class="box_con">
      <div class="con">
        <canvas id="video-canvas" style="height: 500px; wight: 700px"></canvas>
      </div>
    </div>
  </div>
</template>
<script> 
export default {
  name: 'Home',
  data () {
    return {
      path: 'ws://127.0.0.1:8082',   //你拉取视频源地址
      canvas: null
    }
  },
  mounted () {
    this.canvas = document.getElementById('video-canvas')
    // console.log(this.canvas, "===========000");
    var player = new JSMpeg.Player(this.path, { canvas: this.canvas })
    console.log(player, "===========000");


  },


  methods: {


  }
}
</script>